/* Global styles */

*
{
    padding: 0px;
    margin: 0px;

}

html, body
{
    height: 100%;
}

h1
{
    font-size: 1.4em;
    padding: 10px 10px 0;
}
p
{
    padding: 0 10px 1em;
}
#container
{
	min-height: 920px;
	background-color: #DDD;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	width: 676px;
	margin: 0 auto;	
	
    border-radius: 0.35em 0.35em 0.35em 0.35em;
    -moz-border-radius: 0.35em 0.35em 0.35em 0.35em;
    -webkit-border-radius: 0.35em 0.35em 0.35em 0.35em;
    
	
}

* html #container {
	height: 900px;	
}

/*
body #container
{
    height: 807px;
    overflow-x: hidden;
    overflow-y: scroll;
}

body #mainBody
{
    height: 770px;
    overflow-x: hidden;
    overflow-y: scroll;
}
*/


body
{
    font-family: Arial, Verdana, sans-serif;
    font-size: small;
    padding: 0px;
    background-color: #ffffff;
}


a,a:link,a:visited,a:active{color:#D00; text-decoration:none; font-weight:normal; }
a:hover{color:#082E44; text-decoration:underline; }

a.menu,a.menu:link,a.menu:visited,a.menu:active{color:#D00; text-decoration:none; font-weight:normal; }
a.menu:hover{color:#082E44; text-decoration:underline; }

/*

a, a:link, a:visited, a:active
{
    color: Blue;
}

.hyperlink
{
    color: Blue !important;
}

a:hover, hyperlink:hover
{
    text-decoration: none;
}

a.menu, a.menu:link, a.menu:visited, a.menu:active
{
    color: #D00;
    text-decoration: none;
    font-weight: normal;
}
a.menu:hover
{
    color: #082E44;
    text-decoration: underline;
}

*/






img.logo
{
    background-image: url(images/headerlogo.jpg);
}


.normal
{
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    font-weight: normal;
}


.innerText
{
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 23px;
}


.smallText
{
    font-family: Arial, Verdana, sans-serif;
    font-size: 10px;
    line-height: 23px; 
}

.accessDeniedText
{
    font-family: Arial, Verdana, sans-serif;
    font-size: 14px;
    color: #aa0000;
}

.mediumText
{
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
}

.addinsLayout
{
    font-family: Arial, Verdana, sans-serif;
    font-size: 10px;
}

.addinsLayout TD
{
 width:30px;
}

.titleFont
{
	font-family: Arial, Verdana, sans-serif;
	font-size:14px;
    color: #5720C6;
	font-weight: bold;
    text-transform:uppercase;
    background-color:#e2e2e2;
    padding: 3px 7px 3px 7px;
    
    border: 1px outset white ;
    
    border-radius: 0.25em;
    -moz-border-radius: 0.30em;
    -webkit-border-radius: 0.25em;

}

.FPtitleFont
{
	font-family: Arial, Verdana, sans-serif;
	font-size:14px;
	color: #000000;
	font-weight: bold;
    text-transform:uppercase;
    background-color:#e2e2e2;
    padding: 3px 7px 3px 7px;
    
    border: 1px outset white ;
    
    border-radius: 0.25em;
    -moz-border-radius: 0.30em;
    -webkit-border-radius: 0.25em;

}


.secAddIn
{
	font-family: Arial, Verdana, sans-serif;
	font-size:12px;
	color: #000000;
	font-weight: bold;
}


.selectedMenuFont
{
    font-family: Arial, Verdana, sans-serif;
    color: #ffffff;
    font-size: 10px;
    font-weight: bold;
}

table.TableLayoutContainer
{
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    color: black;
    background-color: #ffffff;
    border: 0px #082E44 solid;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    width:100%;

}

table.TlcFront
{
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    color: black;
    background-color: #ffffff;
    background-image: url(../../images/surveyBig.jpg);
    background-repeat: no-repeat;
    background-position: left top;
   
    border: 0px #082E44 solid;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    width:100%;
    height:100%;
}


.questionBuilder
{
    font-family: Arial, Verdana, sans-serif;
    font-size: x-small;
    color: black;
    background-color: #FCFFFF;
    border: 1px #3F3D3D solid;
    width: 672px;
    padding: 0px;
    border-spacing: 0px;
    position: relative;
    left: 0px;
}

.questionBuilder TD
{
    padding: 2px;
    border-spacing: 2px;
}


/*...\Reflector\Nsurvey_WebControls\Votations.NSurvey.Security\EntryQuotaSecurityAddIn.cs */
.security
{
    width:230px;
    table-layout:fixed;
}


.crossTabTable
{
    font-family: Arial, Verdana, sans-serif;
    font-size: x-small;
    color: black;
    background-color: #FCFFFF;
    border: 1px #3F3D3D solid;
    width: 700px;
}

.crossTabBaseCell
{
    background-color: #D0E4FF;
}

.crossTabCompareCell
{
    background-color: #F7DCE0;
}

.headerCell
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    height: 60px;
/*    background-color: #dd0000; */
    color: #dd0000;
}


.hmCell
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    height: 1px;
    border-bottom: 1px #000000 dotted;
}


.menuCell
{
    background-color: #dd0000;
    color: #C0FAFF;
    padding: 2px 3px 2px 3px;
    margin: 0px 0px 0px 0px;
    border-top: 1px #ffffff solid;
    border-bottom: 0px #e2e2e2 dotted;
    font-size: 10px;
    font-family: Arial, Verdana, sans-serif;
    font-weight: bold;
}

.menuTable
{
    background-color: #dd0000;
    color: #C0FAFF;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 10px;
    font-family: Arial, Verdana, sans-serif;
    font-weight: bold;
    width: 100%;
}


.subMenuCell
{
    background-color: #dd0000;
    color: #C0F0FF;
    padding: 3px 3px 3px 3px;
    margin: 0px 0px 0px 0px;
    border-bottom: 0px #082E44 solid;
    font-size: 10px;
    font-family: Arial, Verdana, sans-serif;
    font-weight: bold;
    height: 20px;
}

.subMenuTable
{
    background-color: #dd0000;
    color: #C0FAFF;
    padding: 0px 0px 0px 0px;
    margin: 0px 3px 0px 3px;
    font-size: 10px;
    font-family: Arial, Verdana, sans-serif;
    font-weight: bold;
}


/*
UL LI {
 	list-style-type: disc;
	list-style-image: url(../images/smalldot.gif);
} 
*/

.menuCell a
{
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}

.menuCell a:hover
{
    color: #A1A1A1;
    font-weight: bold;
}

.menuCell a:active
{
/* color set in headercontrol.ascx.cs file */
    color: #ffffff;
	font-weight:bold;
	font-variant:small-caps;
}

.menuCell a:visited
{
    color: #ffffff;
    font-weight: bold;
}

/*
.active
{
    color: blue;
    font-weight: bold;
}
*/

.subMenuCell a
{
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}

.subMenuCell a:hover
{
    color: #A1A1A1;
    font-weight: bold;
}

.subMenuCell a:active
{
    color: #e2e2e2;
    font-weight: bold;
}

.subMenuCell a:visited
{
    color: #ffffff;
    font-weight: bold;
}


.crcell
{
    padding: 3px 5px 3px 5px;
    margin: 0px 0px 0px 0px;
    border-top: 1px #082E44 dotted;
    font-family: Arial, Verdana, sans-serif;
    text-align: left;
    font-size: 10px;
    font-weight: normal;
    height: 25px;
}


/* FooterControl Css */

.footerDiv
{
 position: absolute; 
 left: 0px; 
 top: 882px;
/* background-color: #dd0000;  */
 height:30px;
 
}


.bottomCell
{
	background-color: #dd0000;
	color : #e2e2e2;
	padding: 3px 0px 3px 0px;
	margin: 0px 0px 0px 0px;
	border-top: 0px #082E44 solid;
	font-family: Arial, Verdana, sans-serif;
	text-align : center;
	font-size:8px;
	font-weight: bold;
    letter-spacing:0.3em;
	line-height: 10px;
	text-align:center;
	width:1030px;
	
	    border-radius: 0.25em 0.25em 0.25em 0.25em;
      -moz-border-radius: 0.35em;
     -webkit-border-radius: 0.35em;
}

.bottomCell a
{
    color: #FFFFFF;
    font-weight: bold;
}

.bottomCell a:hover
{
    color: #3304c2;
    text-decoration: none;
}

.surveyList
{
    font-family: Arial, Verdana, sans-serif;
    font-size: x-small;
}

.questionOptions
{
    font-family: Arial, Verdana, sans-serif;
    font-size: xx-small;
    font-weight: normal;
    background-color: #F5F6FD;
}

.questionBreakOptions
{
    font-family: Arial, Verdana, sans-serif;
    font-size: xx-small;
    font-weight: normal;
    background-image: url(../images/questionoptionsbackground.gif);
    line-height: 14px;
}


.surveyQuestion
{
    font-family: Arial, Verdana, sans-serif;
    font-size: small;
    font-weight: bold;
}



.questionBreak
{
    font-family: Arial, Verdana, sans-serif;
    font-size: xx-small;
}

.questionValidationMessageStyleCSS
{
    font-family: Arial, Verdana, sans-serif;
    font-size: x-small;
    background-color: #FCAAAA;
    color: Red;
}

.confirmationMessageStyleCSS
{
    font-family: Arial, Verdana, sans-serif;
    font-size: x-small;
    background-color: #B8F2AB;
    color: Green;
}

.surveyAnswer
{
    font-family: Arial, Verdana, sans-serif;
    font-size: small;
}

.questionOptions a
{
    color: #082E44;
    text-decoration: none;
}

.contentCell
{
	background-color: #ffffff;
/*	width : 625px; */
/*	height:745px; */
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
	font-family: Arial, Verdana, sans-serif;
/*	border-top: 1px #082E44 dotted; */
	vertical-align: top;
}


.alternatingSection
{
    font-family: Arial, Verdana, sans-serif;
    font-size: xx-small;
    background-color: #F8F8F8;
}

.voterReport TD
{
    border-spacing: 4px;
}

.voterReport
{
    width: 675px;
    border-width: 0px;
}

.textresult
{
    color: White;
}

.textresult TD
{
    border-color: #999999;
    border-style: solid;
    border-width: 1px;
    padding: 3px;
    border-spacing: 5px;
}

.calendar
{
    padding-left: 7px;
    padding-right: 7px;
}

.calendarStyle
{
    font-size: 7pt;
    width: 160px;
    height: 15px;
}

/* Top Div Masterpage css */

.topCell
{
	background-color: #dd0000;
	color : #e2e2e2;
	padding: 7px 3px 3px 3px;
 	margin: 5px 7px 5px 7px;
 /*	
	border: 2px white outset ;
	    border-radius: 0.45em;
    -moz-border-radius: 0.45em;
    -webkit-border-radius: 0.45em;
    */
	font-family: Arial, Verdana, sans-serif;
	text-align : center;
	font-size:10px;
	font-weight: bold;
	height:80%;
}

.topCell a
{
	color : #FFFFFF;
	font-weight: bold;
}

.topCell a:hover
{
	color: #3304c2;
	text-decoration: none;
}


/* surveybox preview css */

.surveyform
{
    width:700px;
    border-style:solid;
    border-width: 1px;
    border-color: #e4e4e4;
    margin: 0 auto;	
    vertical-align:top;
    padding: 0px 7px 5px 7px;
    
}

.surveybox
{
    width:100% ;
    background-color:White ;
    line-height:23px;
    padding: 0px;     
    font-family:Arial ;    
    font-size:10pt;
    vertical-align:top;
}

.questionStyle
{
    
    font-family:Arial ;    
    font-size:10pt;
     font-weight:bold;
     color:Black;
      background-color:#F4F9FA;        
}

.questionStyle TD
{
padding: 0px 10px 0px 10px;   
}


.buttonStyle
{
    font-family: Arial ;    
    font-size:10pt;
   font-weight:bold;
}

.answerStyle
{
    font-family:Arial ;    
    font-size:10pt;
    background-color:White;
}

.footStyle
{
        font-family: Arial ;    
    font-size:8pt;
   font-weight:bold;
       background-color:White;
       color: #000000;

}

.footStyle TD
{
           padding:10px 5px 5px 5px;
}

.qvmStyle
{
            font-family: Arial ;    
    font-size:10pt;
   font-weight:bold;
       background-color:#FCAAAA;
       color: red;
}

.qvmStyle TD
{           padding: 0px 10px 0px 10px;
}

.qvmarkStyle
{
    font-family: Arial ;    
    font-size:11pt;
    color: red;
}
.cmStyle
{
     font-family: Arial ;    
    font-size:10pt;
     background-color:#B8F2AB;
     color: green;
}

.cmStyle TD
{
    padding: 0px 10px 0px 10px;   
}

.soStyle
{
   font-family: Arial ;    
    font-size:8pt;
   font-weight:bold;
   background-color:#E6EDF1;
   color: #082E44;                        
                            
}
.matrixStyle
{
    font-family: Arial ;    
    font-size:10pt;
     background-color:#F4F9FA;
     padding:2px;   

}

.matrixStyle TD
{
    padding: 0px 10px 0px 10px;  
}

.mhStyle
{
        font-family: Arial ;    
    font-size:10pt;
     background-color:#E3EEF6;

}
.miStyle
{
         font-family: Arial ;    
    font-size:10pt;
     background-color: White;
}
.maiStyle
{
     font-family: Arial ;    
    font-size:10pt;
     background-color:#F4F9FA;

}
.sgiStyle
{
          font-family: Arial ;    
    font-size:10pt;
     background-color: White;

}
.sgaaisStyle
{
     font-family: Arial ;    
    font-size:10pt;
     background-color:#F4F9FA;
}
.sgaStyle
{
     font-family: Arial ;    
    font-size:10pt;
     background-color:#F4F9FA;
}
.sgahStyle
{
         font-family: Arial ;    
    font-size:10pt;
     background-color:#E3EEF6;
}







/*------------- NEW ---------------*/

*
{
    font-family: Arial, Verdana, sans-serif !important;
}

.ui-widget-content, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button
{
    font-size: 13px;
}


/* determines default height Tabs 
.ui-widget-content
{
 
 min-height:677px;
}
*/

/*
.ui-tabs
{
    width: 750px;
}
*/

.ui-tabs-nav li a
{
    font-size: 14px;
}

.formTable
{
    width: 680px;
    margin: left:2px;
    padding-left: 0px;
}

.formTable tr
{
    line-height: 25px;
}

.tableLabel
{
    font-weight: bold;
}

.tableLeftColumn
{
    text-align: left;
    width: 200px;
}

.tableLeftColumnBold
{
    text-align: left;
    width: 200px;
    font-weight: bold;
}

.tableRightColumn
{
    text-align: left;
    width: 480px;
}
/*
.titleFont
{
    font-size: 12px;
    color: #5720C6;
    font-weight: bold;
    line-height: 23px;
}
*/

[id$="title"].subtitleFont
{
    font-size: 13px;
    color: #9966FF;
    font-weight: bold;
    line-height: 23px;
}



[id$="title"].titleFont .subtitleFont
{
    font-size: 13px;
    color: #9966FF;
    font-weight: bold;
    line-height: 23px;
}

.loginDiv
{
                    background-color: RGBA(87, 32, 198, 0.5);            
                    padding: 1px 5px 0px 5px;
                    position:absolute; 
                    z-index: 1000; 
                    top: 10px;
                    left: 10px; 
                    height: 17px;
                    text-align: left;
                                        
                    border: 0px solid white;
                    -moz-border-radius: 5px;
                    -webkit-border-radius: 5px;
                     border-radius: 5px;
                    /*
                    -webkit-border-top-right-radius: 5px;
                    -webkit-border-bottom-right-radius: 5px;
                     border-top-right-radius: 5px;
                     border-bottom-right-radius: 5px; 
                     */
                    font-size: 11px;
                    color: White;
                    font-weight:bold;
}

